<template>
	<div class="header">
		<router-link to='/'>
			<span class=iconfont>&#xe614;</span>

			<div class="header-title">城市选择</div>
			
		</router-link>	
		
	</div>
</template>
<script type="text/javascript">
	
</script>
<style type="text/css" scoped lang="stylus">
@import '~css/var.styl'
	.header{
		    height: .88rem;
		    line-height: .68rem;
		    border-bottom: 0;
		    background: $bgColor;
	}
	.iconfont{
		    left: 0;
		    top: 0;
		    width: .8rem;
		    height: .88rem;
		    line-height: .88rem;
			position: absolute;
		    font-size: .36rem;
		    color: #fff;
		    text-align: center;
	}
	.header-title{
		    overflow: hidden;
		    margin: 0 1rem;
		    line-height: .88rem;
		    white-space: nowrap;
		    text-overflow: ellipsis;
		    font-size: .32rem;
		    text-align: center;
		    color: #fff;
	}

	
</style>